<template>
<view class="remarkBox">
  <view class="title">修改备注</view>
  <view class="line-division"></view>
  <view>
      <textarea v-model="copyValue" rows="10" cols="35" placeholder="请输入备注">
      </textarea>
  </view>
  <view class="flex flex-reverse">
    <button size="mini" @click="saveRemark">确认</button>
    <button size="mini" @click="showFalse">取消</button>
  </view>
</view>
</template>

<script>
import Index from "../pages/mine/report";
export default {
  name: "remark",
  props:{
    value:{
      type:[String,Number],
      default:''
    },
    show:{
      type: Boolean,
      default: false
    }
  },
  data(){
    return{
      copyValue: ''
    }
  },
  created() {
    this.copyValue = this.value
  },
  components: {Index},
  methods:{
    saveRemark(){
      this.$emit('saveRemark',this.copyValue)
    },
    showFalse(){
      this.$emit('showFalse','1')
    }
  }

}
</script>

<style lang="scss" scoped>
.title{
  padding: 20rpx 20rpx;
}
.remarkBox{
  position: fixed;
  background-color: #ffffff;
  top: 30%;
  left: 20%;
  width: 450rpx;
  z-index: 999;
  border-radius: 25rpx;
  box-shadow: #555555 0 0 5px 1px;
  textarea{
    height: 550rpx;
  }
}


</style>